@charset "utf-8";
/*全局样式*/
html{font-size: 125%;}
body{padding: 0;margin: 0;background-color: #fff;font-family: 'PingFang SC','Microsoft YaHei';font-size: .7rem;-webkit-font-smoothing: antialiased;color: #000;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;outline: none;color: #000;}
i,em{font-style: normal;}
img{display: inline-block;vertical-align: top;max-width: 100%;height: auto;outline: none;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: .7rem;color: #000;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: .7rem;color: #000;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: .7rem;color: #000;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #0080D2;border-radius: 2px;}
/*常用宽度*/
.w1800{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1800px;}
.w1700{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1700px;}
.w1600{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1600px;}
.w1500{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1440{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1440px;}
.w1400{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1200{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 90%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用字号*/
.fz14{font-size: .7rem;}
.fz16{font-size: .8rem;}
.fz18{font-size: .9rem;}
.fz20{font-size: 1rem;}
.fz22{font-size: 1.1rem;}
.fz24{font-size: 1.2rem;}
.fz26{font-size: 1.3rem;}
.fz28{font-size: 1.4rem;}
.fz30{font-size: 1.5rem;}
.fz32{font-size: 1.6rem;}
.fz34{font-size: 1.7rem;}
.fz36{font-size: 1.8rem;}
.fz38{font-size: 1.9rem;}
.fz40{font-size: 2rem;}
.fz42{font-size: 2.1rem;}
.fz44{font-size: 2.2rem;}
.fz46{font-size: 2.3rem;}
.fz48{font-size: 2.4rem;}
.fz50{font-size: 2.5rem;}
.fz52{font-size: 2.6rem;}
.fz54{font-size: 2.7rem;}
.fz56{font-size: 2.8rem;}
.fz58{font-size: 2.9rem;}
.fz60{font-size: 3rem;}
.fz64{font-size: 3.2rem;}
.fz72{font-size: 3.6rem;}
.fz80{font-size: 4rem;}
.fz100{font-size: 5rem;}
/*按钮区通用样式*/
.btns-area{display: flex;justify-content: center;align-items: center;}
.btns-area .btn{position: relative;display: inline-flex;justify-content: center;align-items: center;width: auto;padding: 0 2em;margin: 0 1em;background-color: #fff;border: 1px solid #ddd;border-radius: .3em;line-height: 3;color: #000;cursor: pointer;user-select: none;transition: .3s;}
.btns-area .btn .icon{width: 1em;height: 1em;margin-right: .5em;}
.btns-area .btn .arrow{position: relative;display: inline-block;width: 1em;height: 1em;margin-right: .5em;transition: .3s;}
.btns-area .btn .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.btns-area .btn .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.btns-area .btn:hover{opacity: .9;}
.btns-area .btn:hover .arrow{transform: translateX(5px);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-flex;align-items: center;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px !important;height: 1px !important;padding: 0;margin: 0;border: 0;opacity: 0;transform: scale(0);}
.custom-input input[type="radio"] + em{position: relative;width: 1em;height: 1em;margin-right: .25em;background-color: #fff;border: 1px solid #999;border-radius: 50%;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: .5em;height: .5em;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{border-color: #0080D2;}
.custom-input input[type="radio"]:checked + em:before{background-color: #0080D2;}
.custom-input input[type="radio"] + em:hover{border-color: #0080D2;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px !important;height: 1px !important;padding: 0;margin: 0;border: 0;opacity: 0;transform: scale(0);}
.custom-input input[type="checkbox"] + em{position: relative;width: 1em;height: 1em;margin-right: .25em;background-color: #fff;border: 1px solid #999;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: .5em;height: .5em;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #0080D2;border-color: #0080D2;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #0080D2;}
.custom-input input[type="checkbox"] + em:hover{border-color: #0080D2;}
/*自定义表单通用样式*/
.custom-form *{box-sizing: border-box;}
.custom-form .row{display: flex;justify-content: space-between;margin-bottom: 1rem;}
.custom-form .row .item{display: flex;width: 100%;}
.custom-form .row .item.w49{flex: 0 0 49%;}
.custom-form .row .item.w48{flex: 0 0 48%;}
.custom-form .row .item.w30{flex: 0 0 30%;}
.custom-form .row .item.w23{flex: 0 0 23.5%;}
.custom-form .row .name{flex: auto;padding: .5rem 1rem;line-height: 1rem;text-align: right;}
.custom-form .row .name .icon{vertical-align: middle;width: .8rem;height: .8rem;}
.custom-form .row .name i{position: absolute;margin-left: -.5rem;color: #f00;}
.custom-form .row .info-content{flex: 1;}
.custom-form input{vertical-align: top;width: 100%;height: 2rem;padding: 0 .5rem;border: 1px solid #D9D9D9;}
.custom-form input:focus{border-color: #0080D2;}
.custom-form textarea{vertical-align: top;width: 100%;height: 5rem;padding: .5rem;resize: none;border: 1px solid #D9D9D9;}
.custom-form textarea:focus{border-color: #0080D2;}
.custom-form select{vertical-align: top;width: 100%;height: 2rem;padding: 0 .5rem;border: 1px solid #D9D9D9;font-size: .7rem;color: #000;outline: none;appearance: none;-webkit-appearance: none;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjA3My4xNjRMNiA1LjIzNi45MjcuMTY0YS41MjcuNTI3IDAgMCAwLS43NjMgMCAuNTI3LjUyNyAwIDAgMCAwIC43NjNsNS40NTQgNS40NTVjLjExLjEwOS4yNTUuMTYzLjM4Mi4xNjNhLjU1NC41NTQgMCAwIDAgLjM4Mi0uMTYzTDExLjgzNi45MjdhLjUyNy41MjcgMCAwIDAgMC0uNzYzLjUyNy41MjcgMCAwIDAtLjc2MyAweiIgZmlsbD0iIzQ0NEI1NCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') right .5rem center no-repeat;background-size: .5rem .5rem;}
.custom-form input[type='radio']{appearance: radio;-webkit-appearance: radio;width: .8rem;height: .8rem;margin: 0;}
.custom-form input[type='checkbox']{appearance: checkbox;-webkit-appearance: checkbox;width: .8rem;height: .8rem;margin: 0;}
.custom-form .choice-area{display: flex;align-items: center;flex-wrap: wrap;line-height: 1;}
.custom-form .choice-area label{display: inline-flex;margin: 0 .5rem .5rem 0;cursor: pointer;color: #666;}
.custom-form .yzm-area{display: flex;align-items: center;}
.custom-form .yzm-area input[type='text']{flex: 1;}
.custom-form .yzm-area .pic{flex: 0 0 7.5rem;height: 2rem;overflow: hidden;}
.custom-form .yzm-area .pic img{width: 100%;height: 100%;}
/*自定义select*/
.custom-select{z-index: 1;position: relative;width: 100%;max-width: 10rem;}
.custom-select *{box-sizing: border-box;}
.custom-select .name{display: flex;align-items: center;position: relative;height: 2rem;padding: 0 2rem 0 1rem;background-color: #fff;border: 1px solid #999;color: #333;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.custom-select .name:after{content: '';position: absolute;right: 1rem;top: 50%;border: 4px solid transparent;border-top-color: #999;transform: translateY(-25%);}
.custom-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.custom-select .list li a{display: block;padding: .5rem 1rem;border: 1px solid #eee;border-bottom: 0;font-size: .6rem;line-height: 1;color: #666;transition: .3s;}
.custom-select .list li a:hover{background-color: #0080D2;text-decoration: none;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-title{background: #333;color: #fff;}
body .custom-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(100);}
body .custom-skin .layui-layer-setwin .layui-layer-close1:hover{opacity: 1;}
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -30px;top: -50px;background-image: none;border-radius: 50%;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: '';position: absolute;width: 30px;height: 30px;background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MjQuMyAzMzcuOGMtMjIuNS01My4zLTU0LjgtMTAxLjEtOTUuOS0xNDIuMi00MS4xLTQxLjEtODguOS03My4zLTE0Mi4yLTk1LjlDNjMxIDc2LjQgNTcyLjQgNjQuNSA1MTIgNjQuNWMtNjAuNCAwLTExOSAxMS44LTE3NC4yIDM1LjItNTMuMyAyMi41LTEwMS4xIDU0LjgtMTQyLjIgOTUuOXMtNzMuMyA4OC45LTk1LjkgMTQyLjJDNzYuNCAzOTMgNjQuNSA0NTEuNiA2NC41IDUxMmMwIDYwLjQgMTEuOCAxMTkgMzUuMiAxNzQuMiAyMi41IDUzLjMgNTQuOCAxMDEuMSA5NS45IDE0Mi4yIDQxLjEgNDEuMSA4OC45IDczLjMgMTQyLjIgOTUuOSA1NS4yIDIzLjMgMTEzLjggMzUuMiAxNzQuMiAzNS4yIDYwLjQgMCAxMTktMTEuOCAxNzQuMi0zNS4yIDUzLjMtMjIuNSAxMDEuMS01NC44IDE0Mi4yLTk1LjkgNDEuMS00MS4xIDczLjMtODguOSA5NS45LTE0Mi4yIDIzLjMtNTUuMiAzNS4yLTExMy44IDM1LjItMTc0LjIgMC02MC40LTExLjktMTE5LTM1LjItMTc0LjJ6TTUxMiA5MTkuNWMtMjI0LjcgMC00MDcuNS0xODIuOC00MDcuNS00MDcuNVMyODcuMyAxMDQuNSA1MTIgMTA0LjUgOTE5LjUgMjg3LjMgOTE5LjUgNTEyIDczNi43IDkxOS41IDUxMiA5MTkuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNjg1LjIgMzM4LjhjLTcuOC03LjgtMjAuNS03LjgtMjguMyAwTDUxMiA0ODMuNyAzNjcuMSAzMzguOGMtNy44LTcuOC0yMC41LTcuOC0yOC4zIDAtNy44IDcuOC03LjggMjAuNSAwIDI4LjNMNDgzLjcgNTEyIDMzOC44IDY1Ni45Yy03LjggNy44LTcuOCAyMC41IDAgMjguMyAzLjkgMy45IDkgNS45IDE0LjEgNS45czEwLjItMiAxNC4xLTUuOWwxNDUtMTQ0LjkgMTQ0LjkgMTQ0LjljMy45IDMuOSA5IDUuOSAxNC4xIDUuOXMxMC4yLTIgMTQuMS01LjljNy44LTcuOCA3LjgtMjAuNSAwLTI4LjNMNTQwLjMgNTEybDE0NC45LTE0NWM3LjgtNy44IDcuOC0yMC40IDAtMjguMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-size: 100% 100%;}
body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #0080D2;border-color: #0080D2;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
body .layui-layer-page .layui-layer-content{overflow: hidden;}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 2rem;height: 2rem;border-radius: 50%;background-color: #0080D2;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #0080D2!important;color: #fff!important;transition: .5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*按钮背景动效2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #0080D2;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #0080D2!important;color: #fff!important;transition: .5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: .5s ease-in;}
/*分享栏*/
.share-wrap{display: flex;align-items: center;}
.share-wrap .pre{margin-right: .5rem;line-height: 1;color: #999;}
.share-wrap .pre .icon{width: .8rem;height: .8rem;margin-right: .5rem;}
.share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 1.6rem;height: 1.6rem;margin-left: .5rem;border: 1px solid #D8D8D8;border-radius: 50%;font-size: .7rem;cursor: pointer;}
.share-wrap .item:nth-of-type(1){margin-left: 0;}
.share-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50%;height: 50%;margin: auto;filter: brightness(0) invert(.7);}
.share-wrap .item:hover .icon{filter: none;}
/*自定义a标签hover效果*/
a[data-hover='wave']:hover{background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 4"%3E%3Cpath fill="none" stroke="%23ffffff" d="M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3"/%3E%3C/svg%3E') 0 100% repeat-x;background-size: 20px auto;animation: waveMove 1s infinite linear;}
@keyframes waveMove{
	from{background-position: 0 100%;}
	to{background-position: -20px 100%;}
}
/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.black-layer-header{z-index: 3;}
/*弹窗-视频*/
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;width: 2rem;height: 2rem;background-color: #0080D2;font-family: Arial;font-size: 2rem;color: #fff;cursor: pointer;}
.popup-video video{display: block;width: 100%;max-height: 600px;object-fit: contain;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	html{font-size: 100%;}
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	html{font-size: 90%;}
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	html{font-size: 80%;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	html{font-size: 125%;}
	/*常用字号*/
	.fz14{font-size: .6rem;}
	.fz16{font-size: .7rem;}
	.fz18{font-size: .7rem;}
	.fz20{font-size: .8rem;}
	.fz22{font-size: .8rem;}
	.fz24{font-size: .9rem;}
	.fz26{font-size: .9rem;}
	.fz28{font-size: 1rem;}
	.fz30{font-size: 1rem;}
	.fz32{font-size: 1.1rem;}
	.fz34{font-size: 1.1rem;}
	.fz36{font-size: 1.2rem;}
	.fz38{font-size: 1.2rem;}
	.fz40{font-size: 1.3rem;}
	.fz42{font-size: 1.3rem;}
	.fz44{font-size: 1.4rem;}
	.fz46{font-size: 1.4rem;}
	.fz48{font-size: 1.5rem;}
	.fz50{font-size: 1.5rem;}
	.fz52{font-size: 1.6rem;}
	.fz54{font-size: 1.6rem;}
	.fz56{font-size: 1.7rem;}
	.fz58{font-size: 1.7rem;}
	.fz60{font-size: 1.8rem;}
	.fz64{font-size: 1.9rem;}
	.fz72{font-size: 2rem;}
	.fz80{font-size: 2.2rem;}
	.fz100{font-size: 2.5rem;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}